$(document).ready(function() {
	$('#cat1')
		.bind('change', adapterCat2);
});

var adapterCat2 = function() {
	var tabCat2Accessoire = {
		doudou : 'Doudou',
		bijou : 'Bijou',
		sac : 'Sac',
		divers :'Divers'
	};
	var tabCat2Adulte = {
			maternite : 'Maternit&eacute;',
			grossesse : 'Grossesse'
	};
	var tabCat2Enfant = {
		f : 'Fille',
		g : 'Gar&ccedil;on',
		m : 'Mixte'
	};
	var tabCat2Meuble = {
		commode : 'Commode',
		nuit : 'Table de nuit'
	};
	var tabCat2 = {
		accessoire : tabCat2Accessoire,
		adulte : tabCat2Adulte,
		enfant : tabCat2Enfant,
		nourisson : tabCat2Enfant,
		meuble : tabCat2Meuble
	};
	
	//selection du tableau des niveaux correspondant a l'activite choisie
	var cat1 = $('#cat1 option:selected').val();
	var tab = tabCat2[cat1];
	//on vide le select des cat2s
	var selectCat2 = $('#cat2');
	var valCat2 = selectCat2.data("val");
	selectCat2.empty();
	//on le reremplit avec le tableau correspondant
	selectCat2.append('<option value="">S&eacute;lectionnez une sous-cat&eacute;gorie</option>');
	$.each(tab,
			function(key, value) {
				selectCat2.append('<option value="' + key + '">' + value
						+ '</option>');
			});
}